<template>
  <button @click="$router.push('/')">文章发布</button>
  <button @click="$router.push('/about')">文章管理</button>
  <router-view></router-view>
</template>

<script setup>
import { ref } from "vue";

const isActive1 = ref(true);
const isActive2 = ref(false);

function toggleActive(index) {
  if (index === 1) {
    isActive1.value = !isActive1.value;
    isActive2.value = false;
  } else {
    isActive2.value = !isActive2.value;
    isActive1.value = false;
  }
}
</script>

<style lang="css" scoped>
button {
  width: 50%;
  background-color: lightcoral;
  height: 50px;
  border: none;
}
</style>
